import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'lib-flexible/flexible'

import 'vant/lib/index.css'

import { 
  Icon, Form, 
  Field, CellGroup, 
  Button, Toast,
  Tabbar, TabbarItem, 
  Swipe, SwipeItem ,Skeleton,
  ActionBar, ActionBarIcon, ActionBarButton,
  Checkbox, CheckboxGroup,  Card,Stepper, SubmitBar,
  SwipeCell, PullRefresh ,Tab, Tabs,ContactCard, Lazyload 
  ,AddressList, AddressEdit, Popup, Cell
} from 'vant';

const app = createApp(App)
app
.use(Icon)
.use(Form)
.use(Field)
.use(CellGroup)
.use(Button)
.use(Toast)
.use(Tabbar)
.use(TabbarItem)
.use(Swipe)
.use(SwipeItem)
.use(Skeleton)
.use(ActionBar)
.use(ActionBarIcon)
.use(ActionBarButton)
.use(Checkbox)
.use(CheckboxGroup)
.use(Card)
.use(Stepper)
.use(SubmitBar)
.use(SwipeCell)
.use(PullRefresh)
.use(Tab)
.use(Tabs)
.use(ContactCard)
.use(Lazyload)
.use(AddressList)
.use(AddressEdit)
.use(Popup)
.use(Cell)


app.use(store)
app.use(router)
app.mount('#app')
